<%@ page contentType="text/html;charset=UTF-8" %>

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>Global Expression Analysis</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="shortcut icon" href="${resource(dir: 'images', file: 'favicon.ico')}" type="image/x-icon">
		<link rel="apple-touch-icon" href="${resource(dir: 'images', file: 'apple-touch-icon.png')}">
		<link rel="apple-touch-icon" sizes="114x114" href="${resource(dir: 'images', file: 'apple-touch-icon-retina.png')}">
		<link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}" type="text/css">
                <link rel="stylesheet" href="${resource(dir: 'css', file: 'info.css')}" type="text/css">
                <link rel="stylesheet" href="${resource(dir: 'css', file: 'list.css')}" type="text/css">
                <link rel="stylesheet" href="${resource(dir: 'css', file: 'search.css')}" type="text/css">
                <link rel="stylesheet" href="${resource(dir: 'css', file: 'expressionPlots.css')}" type="text/css">
		<link rel="stylesheet" href="${resource(dir: 'css', file: 'mobile.css')}" type="text/css">
                <link rel="stylesheet" href="${resource(dir: 'css', file: 'infoBox.css')}" type="text/css">
                <link rel="stylesheet" href="${resource(dir: 'css/select2', file: 'select2.css')}" type="text/css">
        <g:javascript library="jquery" />

        <r:layoutResources />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
        <g:javascript src="select2/select2.js" />
        <g:javascript src="search.js" />
  </head>
  <body>

    
  <g:render template="/main/header" />
      <g:set var="infoKey" value="${'globalExpressionTip'}" />
      <div class="query desc" style="position: absolute; left: 990px; top: 185px; width: 300px"><g:render template="../main/infoBox" />Need help?</div>
    <div class="form">
      <g:set var="infoKey" value="${'search_bar'}" />
      <div class="query desc"><g:render template="../main/infoBox" />Search for</div>
      <g:set var="infoKey" value="${'search_regulation'}" />
      <div class="type desc"><g:render template="../main/infoBox" />Expression</div>
      <g:set var="infoKey" value="${'search_tissue'}" />
      <div class="cellline desc"><g:render template="../main/infoBox" />Tissue of Origin</div>
      <g:set var="infoKey" value="${'search_view'}" />
      <div class="view desc"><g:render template="../main/infoBox" />View</div>
      
      
      
    <form name="search">
      <input type="hidden" id="query" class="bigdrop" style="width:400px;" name="query" value="">
      <g:select name="type" from="${['over/under', 'over', 'under', 'non-diff.expr.', 'over/under/non diff.expr.']}" class="type"/>
      <div class="cellline celllineBox">
        <div class="altText">Choose</div>
        <div class="list">
          <g:set var="first" value="${true}" />
        <g:each in="${Celllines}" var="cel">
          <div class="line">
            <g:checkBox name="${cel.replace(' ', '_')}" value="${true}" /><div class="text">${cel}</div><div class="nonreference ref${cel.toLowerCase().replace(' ', '_')}" id="${cel.replace(' ', '_')}">(Ref)</div>
          </div>
        </g:each>
          <div class="line">
            <div class="nonreference refavg" id="avg">Average (Ref)</div>
          </div>
        </div>
      </div>
      <div class="view">
        <div class="line" >
          <g:radio name="view" value="List" /> List
        </div>
        <div class="line" >
          <g:radio name="view" value="Heatmap" checked="true" /> Heatmap
        </div>
      </div>
      <g:hiddenField name="refLine" value="BREAST" />
      <div class="dummy">Search</div>
        <g:submitToRemote action="globalExpressionResults" update="results" value="Search" class="search"/>
      
    </form>
    </div>
    <div id="results"></div>
    <div id="box"></div>
  </body>
</html>
